<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人中心</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./assets/iconfont/sugar/iconfont.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="left">
      <img src="./assets/images/logo.png" alt="logo">
    </div>
    <div class="right">
      <ul>
        <li>
          <a href="./index.html" target="_blank">
            <p>首页</p>
            <p>home</p>
          </a>
        </li>
        <li>
          <a href="./gamelist.html" target="_blank">
            <p>游戏</p>
            <p>game</p>
          </a>
        </li>
        <li>
          <p>案例</p>
          <p>Case</p>
        </li>
        <li>
          <p>关于我们</p>
          <p>About us</p>
        </li>
      </ul>
    </div>
    <div class="weibo">
      <i class="iconfont icon-weibo"></i>
    </div>
  </header>
  <!-- 导航栏 -->
  <section>
    <nav>
      <span>首页</span>
      <i class="iconfont icon-double-arrow-right"></i>
      <span>个人中心</span>
    </nav>
  </section>
  <!-- 黄色栏 -->
  <section>
    <div class="yellow-line">
      <button>我的游戏</button>
      <button>我的收藏</button>
      <button>试玩记录</button>
      <button>游戏流程</button>
      <button>表单设置</button>
      <p>Soy sauce</p>
      <div class="fox">
        <i class="iconfont icon-huli"></i>
      </div>
      <img src="./assets/images/wave.png" alt="wave">
    </div>
  </section>
  <!-- 主内容 -->
  <section class="main">
    <div class="content">
      <div class="content-left">
        <ul>
          <li>
            <i class="iconfont icon-weixin first"></i>
            <p class="first">微信关注</p>
          </li>
          <li>
            <i class="iconfont icon-lanlvtubiaozhizuomoban-22"></i>
          </li>
          <li>
            <i class="iconfont icon-hanhan-01-01"></i>
            <p>玩游戏</p>
          </li>
          <li>
            <i class="iconfont icon-lanlvtubiaozhizuomoban-22"></i>
          </li>
          <li>
            <i class="iconfont icon-choujiang"></i>
            <p>抽奖</p>
          </li>
          <li>
            <i class="iconfont icon-lanlvtubiaozhizuomoban-22"></i>
          </li>
          <li>
            <i class="iconfont icon-17"></i>
            <p>填表单</p>
          </li>
        </ul>
      </div>
      <div class="content-right">
        <input type="text" placeholder="流程名：">
        <input type="text" placeholder="流程名：">
        <input type="text" placeholder="流程名：">
        <input type="text" placeholder="流程名：">
        <button>保存</button>
      </div>
    </div>
  </section>
  <!-- 尾部 -->
  <footer>
    <img src="./assets/images/bottom01.png" alt="bottom01">
    <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
    <img src="./assets/images/bottom02.png" alt="bottom02">
  </footer>
</body>

</html>